<template>
  <view class="orderlist-wrap">
    <u-grid :col="3">
      <u-grid-item @click="this.$utils.jumpToOtherPage({ jumpUrl: '/pages/chart/account-chart' })">
        <u-icon name="man" :size="80"></u-icon>
        <view class="grid-text">平台收支</view>
      </u-grid-item>
    </u-grid>
  </view>
</template>

<script>
import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['userInfo']),
  },
  onShow() {
    this.onClMemberLogin();
  },
  data() {
    return {
      loginFlag: false,
      height: '100%',
      tabIndex: 0,
      current: 0,
    };
  },
  methods: {
    onSwiperTitleChange(index) {
      this.tabIndex = index;
    },

    onSwiperChange(e) {
      this.tabIndex = e.detail.current;
    },
    onClMemberLogin() {
      this.$nextTick(() => {
        this.$auth.weixinLogin({
          success: () => {
            this.loginFlag = true;
            //this.fetchChcekedCarDetail();
          },
          fail: () => {
            this.utils.jumpToOtherPage({
              jumpUrl: '/pages/login/index',
            });
          },
        });
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.orderlist-wrap {
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  background-color: #2a3a52;

  .msg-item {
    display: flex;
    height: 124rpx;
    align-items: center;
    color: #fff;
  }

  .msg-title {
    flex: 1;
    margin: 0 8rpx 0 30rpx;
    font-size: 28rpx;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .red-dot {
    align-content: right;
    width: 18rpx;
    height: 18rpx;
    border-radius: 18rpx;
    background-color: #ff4848;
  }

  /deep/ .mescroll-empty .empty-tip {
    color: #fff;
  }
}
</style>
